.summary-page {
   position: relative;
   padding: 20px;
   .data-detail {
      display: flex;
      flex-wrap: wrap;
      li {
         width: 20%;
         margin-bottom: 20px;
         .col-title {
            color: #999;
            margin-bottom: 10px;
         }
         .col-content {
            color: #333;
            font-size: 16px;
         }
      }
   }

   .origin-img {
      height: 100px;
   }
   .model-title-unit {
      position: absolute;
      top: 30px;
      left: 100px;

   }
}

.histogram {
   width: 400px;
   height: 300px;
}

.histogram-scatterplot {
   display: flex;
   justify-content: center;
   flex-direction: column;
   .histogram-container {
      padding-top: 32px;
   }
   .choose-select {
      display: flex;
      justify-content: center;
   }
}

.histogram-scatterplot-top {
   display: flex;
}

.histogram-pdf {
   width: 600px;
   height: 400px;
}

.float-layer {
   position: fixed;
   display: flex;
   flex-direction: column;
   position: absolute;
   right: 20px;
   bottom: 20px;
   li {
      display: flex;
      width: 30px;
      height: 30px;
      background-color: #fff;
      border-radius: 50%;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      box-shadow: 5px 5px 5px rgb(170, 170, 170);
      margin-bottom: 10px;
      cursor: pointer;
   }
}